<!Doctype html>
<html lang="zh">
	<head>
		<title>About CocoZack - 兴趣＆爱好</title>
		<meta charset="utf-8">
		<link rel="stylesheet" href="./css/index.css">
	</head>
	<body>
		<header class="dark">
			<div class="header_div">
				<div class="logo">
					<a href="./index.html">CocoZack</a>
				</div>
				<nav class="header_nav">
					<ul>
						<li><a href="./index.html">首页</a></li>
						<li><a href="./education.html">教育经历</a></li>
						<li><a class="active" href="./hobby.html">兴趣＆爱好</a></li>
						<li><a href="./note.html">笔记</a></li>
					</ul>
				</nav>
			</div>
		</header>

		<section class="sub_banner">
			<h2>兴趣＆爱好 <img class="gear" src="./img/icon10.png" alt="pic"></h2>
		</section>

		<section class="chapter">
			<div class="paragraph">
				<div class="paragraph_img">
					<img src="./img/at.jpg" alt="pic">
					<img class="kenny" src="./img/kenny_dance.gif" alt="pic">
					<img src="./img/su.jpg" alt="pic">
					<img src="./img/sp.png" alt="pic">
					<img src="./img/sp_sign_small.png" alt="pic">
				</div>
				<div class="paragraph_content">
					<h3>动画</h3>
					<h4>Animation</h4>
					<p>自2015年起，因 <i>Rick And Morty</i> 掉入美国动画坑后，又逐渐接触了 <i>Gravity Falls</i> 、 <i>Adventure Time</i> 、 <i>Teen Titans GO!</i> 、 <i>Star Butterfly</i> 、 <i>Regular Work</i> 、 <i>Steven Universe</i> 、 <i>My Little Pony</i> 、 <i>South Park</i> 等等动画，从此灵魂得到了升华。</p>
				</div>
			</div>
		</section>

		<section class="chapter dark">
			<div class="paragraph">
				<div class="paragraph_content">
					<h3>电影</h3>
					<h4>Movie</h4>
					<p>喜欢的电影太多了，一一赘述的话这里不太好排版。但还是需要至少两行字来凑一下字数的，我计算过了，两行字的排版刚刚好。</p>
				</div>
				<div class="paragraph_img">
					<img src="./img/sw.gif" alt="pic">
                    <img src="./img/tlj.jpg" alt="pic">
                    <img src="./img/tdk.jpg" alt="pic">
				</div>
			</div>
		</section>

        <section class="chapter">
            <div class="paragraph">
                <div class="paragraph_img">
                    <img src="./img/draw01.jpg" alt="pic">
					<img src="./img/doodle01.jpg" alt="pic">
					<img src="./img/doodle02.jpg" alt="pic">
					<img src="./img/doodle08.jpg" alt="pic">
					<img src="./img/doodle09.jpg" alt="pic">
					<img src="./img/doodle10.jpg" alt="pic">
					<img src="./img/doodle12.jpg" alt="pic">
                </div>
                <div class="paragraph_content">
                    <h3>画画</h3>
                    <h4>Doodle</h4>
                    <p>当我们在讨论摸鱼的时候，我们在讨论什么。</p>
                </div>
            </div>
        </section>

		<section class="chapter dark">
			<div class="paragraph">
				<div class="paragraph_content">
					<h3>读书</h3>
					<h4>Books</h4>
					<p>我希望有一天能看完在亚马逊满减时买的书：一本最危险的书、狄更斯讲英国史、社会契约论、The Burglar Diaries、Star Wars: Ahsoka、王尔德全集……</p>
				</div>
				<div class="paragraph_img">
					<img src="./img/ttss.jpg" alt="pic">
					<img src="./img/tsc.jpg" alt="pic">
					<img src="./img/book01.jpg" alt="pic">
					<img src="./img/book02.jpg" alt="pic">
					<img src="./img/book03.jpg" alt="pic">
					<img src="./img/book04.jpg" alt="pic">
					<img src="./img/book05.jpg" alt="pic">
					<img src="./img/book06.jpg" alt="pic">
				</div>
			</div>
		</section>

		<section class="chapter">
			<div class="paragraph">
				<div class="paragraph_img">
					<img src="./img/album01.jpg" alt="pic">
					<img src="./img/album02.jpg" alt="pic">
					<img src="./img/album03.jpg" alt="pic">
					<img src="./img/album04.jpg" alt="pic">
					<img src="./img/album05.jpg" alt="pic">
				</div>
				<div class="paragraph_content">
					<h3>音乐</h3>
					<h4>Music</h4>
					<p>2017年12月15日是个值得纪念的日子，时隔四年，失踪人口姆先生带着他的新专辑回归，普天共庆。</p>
				</div>
			</div>
		</section>

		<section class="chapter dark">
			<div class="paragraph">
				<div class="paragraph_content">
					<h3>英语</h3>
					<h4>English</h4>
					<p>英语是很有趣的，来读读 <i>Word Power Made Easy</i> 吧。</p>
				</div>
				<div class="paragraph_img">
					<img src="./img/en01.jpg" alt="pic">
					<img src="./img/en02.jpg" alt="pic">
					<img src="./img/en03.jpg" alt="pic">
				</div>
			</div>
		</section>

		<footer>
			<p>© 2018 Website Design And Development Homework By Coco Zack 张可</p>
		</footer>
		
		<div class="to_the_top" onclick="toTop()">
			<img src="./img/blackboard.png" alt="回到顶部">
		</div>
		
		<script src="./plugins/jquery-3.3.1.min.js"></script>
		<script src="./js/global.js"></script>
	</body>
</html>